function Son(props) {
  console.log(props);
  return <div>Son {props.name}</div>;
}

function Child(props) {
  return <div>Child {props.children}</div>;
}

function App() {
  return (
    <div className="App">
      Hello World!
      <Son
        name={"hello Son?"}
        age={18}
        cb={() => console.log("123")}
        list={["Vue", "React", "Angular"]}
        obj={{ name: "why", age: 18 }} // 对象会被完全拷贝
        isTrue={false}
        child={<sapn>hi son?</sapn>}
      />
      <Child>
        <span>hi Child?</span>
      </Child>
    </div>
  );
}

export default App;
